@font-face {
  font-family: "{{fontFamily}}";
  src:
  /* IE9 */
  url("{{cssFontsUrl}}/anticons.eot?v={{version}}");
  src:
  /* IE */
  url("{{cssFontsUrl}}/anticons.eot?v={{version}}#iefix") format("embedded-opentype"),
  /* Chrome, Firefox */
  url("{{cssFontsUrl}}/anticons.woff2?v={{version}}") format("woff2"),
  url("{{cssFontsUrl}}/anticons.woff?v={{version}}") format("woff"),
  /* Chrome, Firefox, Opera, Safari, Android, iOS 4.2+ */
  url("{{cssFontsUrl}}/anticons.ttf?v={{version}}") format("truetype"),
  /* iOS 4.1- */
  url("{{cssFontsUrl}}/anticons.svg?v={{version}}#{{fontFamily}}") format("svg");
}

[class*=" {{classPrefix}}"], [class^={{classPrefix}}] {
  font-family: "{{fontFamily}}" !important;
  speak: none;
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*=" {{classPrefix}}loading"]:before, [class^={{classPrefix}}loading]:before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  -moz-animation: loadingCircle 1s infinite linear;
  -o-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}

{{#each codepoints}}
.{{../classPrefix}}{{@key}}:before {
	content: "\\{{this}}";
}
{{/each}}

@-webkit-keyframes loadingCircle {
  0% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-moz-keyframes loadingCircle {
  0% {
    -moz-transform-origin: 50% 50%;
         transform-origin: 50% 50%;
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  100% {
    -moz-transform-origin: 50% 50%;
         transform-origin: 50% 50%;
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}
@-o-keyframes loadingCircle {
  0% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  100% {
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  0% {
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
